H5播放Rtmp之videojs播放 | 您所在的位置:网站首页 › rtmp 视频流格式 › H5播放Rtmp之videojs播放 |
一、简介
我们看到了HLS播放视频实时性非常差,好的在6-7s,差点的就要10-12s了,也就是人走了,估计视频上还能看到,这对观感效果造成了很大的影响!但是好处就是它是基于http协议文件下载的,所以不需要任何插件,到处播放,处处兼容,所以rtmp和hls在web端的特点如下: HLS (1) 使用http协议,兼容所有浏览器。 (2) 延时非常大,不太适合实时视频源,适合文件点播或历史录像直播。RTMP (1) 使用flash插件播放,不兼容所有浏览器(特别2020年12月后chrome带头不再支持flash) (2) 浏览器播放需要对浏览器安全进行设置,此外点播可能还会弹出确定提示,交互体验较差 (3) 更贴近传统监控的实时协议,实时性非常好,基本与实时视频点播一致考虑到实时性,我们可能还会选择使用rtmp协议点播我们的视频,所以就实时性而言还是很有必要考虑rtmp协议的使用,接下来,我要跟大家一起分享的就是在web端使用rtmp协议查看视频。 二、VideoJS播放rtmp前端播放代码如下所示: video.js播放rtmp流 // 设置flash路径,用于在videojs发现浏览器不支持HTML5播放器的时候自动唤起flash播放器 videojs.options.flash.swf = 'https://cdn.bootcss.com/videojs-swf/5.4.1/video-js.swf'; //my-player为页面video元素的id var player = videojs('my-player'); //播放 player.play(); // 1. 播放 player.play() // 2. 停止 player.pause() // 3. 暂停 player.pause()我使用的是360浏览器,测试没有提示flash插件安全限制,直接播放出来。延迟时间大概在1s以内。
微信账号:lixiang6153 公众号:IT技术快餐 电子邮箱:[email protected] |
CopyRight 2018-2019 实验室设备网 版权所有 |